<template>
	<div style="display: flex;">
		<el-input v-model="title" placeholder="请输入内容" style="width:200px;margin-right: 10px;"></el-input>
	<el-button type="primary" text @click="search">
		查询
	</el-button>
		<el-button type="danger" text @click="cz">
		重置
	</el-button>
	</div>
	<!-- Form增加 -->
	<el-dialog v-model="dialogFormVisible" title="">
		<el-form :model="form">
			<el-form-item label="快递单号" :label-width="formLabelWidth">
				<el-input v-model="form.kddh" autocomplete="off" />
			</el-form-item>
			

		</el-form>
		<template #footer>
			<span class="dialog-footer">
				<el-button @click="dialogFormVisible = false">取消</el-button>
				<el-button type="primary" @click="postData">
					确定
				</el-button>
			</span>
		</template>
	</el-dialog>


	<el-table :data="tableData" style="width: 100%">
		<el-table-column fixed prop="id" label="id" width="120" align="center" />
		<el-table-column fixed prop="title" label="活动名称" width="420" align="center" />
		<el-table-column fixed prop="name" label="姓名" width="100" align="center" />
		<el-table-column fixed prop="numbers" label="手机号" width="150" align="center" />
		<el-table-column fixed prop="address" label="收货地址" width="300" align="center" />
		<el-table-column prop="sjnumbers" label="收货手机号" width="200" align="center">
		</el-table-column>
		<el-table-column prop="kjtime" label="开奖时间" width="230" align="center">

		</el-table-column>
		<el-table-column prop="kddh" label="快递单号" width="230" align="center">

</el-table-column>
		<el-table-column fixed="right" label="操作" align="center">
			<template #default="scope">
				<el-button link type="primary" @click="eid(scope.row.id)">修改</el-button>
			</template>
		</el-table-column>
	</el-table>
</template>
<script>
import UploadFile from 'element-plus'
import {
		ElMessageBox,
		ElMessage
	} from 'element-plus'
export default {
	components: {
		[UploadFile.name]: UploadFile
	},
	data() {
		return {
			HttpImg: "http://gyycadmincss.hansn.cn",
			tableData: [],
			form: [],
			form1: [],
			dialogFormVisible: false,
			dialogFormVisible1: false,
			formLabelWidth: '120px',
			imageUrl: "",
			options: [{
				value: '0',
				label: '未发布'
			}, {
				value: '1',
				label: '活动中'
			}],
			value: '',
			id: '',
			title:''
		}
	},
	mounted() {
		this.getData()
	},
	methods: {
		search(){
			this.getData()
		},
		cz(){
			this.title="";
			this.getData()
		},
		add() {
			this.form.name="";
			this.form.kjtime = "";
			this.form.cjzt = "";
			this.form.images="";
			this.form.img="";
			this.form.title="";
			this.form.num="";
			this.dialogFormVisible = true;
			this.id = ""
		},
		del(id) {
			ElMessageBox.confirm(
						'是否确定删除?',
						'', {
							confirmButtonText: '确定',
							cancelButtonText: '取消',
							type: 'warning',
						}
					)
					.then(() => {
						this.$http.post("/index.php/index/goodses/cjdel", {
				id: id
			}).then(res => {
				if (res.code == 200) {
					this.getData()
					ElMessage({
							message:'删除成功',
							type: 'success',
					})
				}
			})
					})
					.catch(() => {
						
					})
					
			
		},
		eid(id) {
			this.dialogFormVisible = true;
			this.id = id;
			this.$http.post("/index.php/index/goodses/zjrxq", {
				id: id
			}).then(res => {
				if (res.code == 200) {
					this.form = res.data[0]
					// this.form.kjtime = this.getLocalTime(res.data[0].kjtime)
					// if (res.data[0].cjzt == '0') {
					// 	this.value = "未发布"
					// } else if (res.data[0].cjzt == '1') {
					// 	this.value = "活动中"
					// } else {
					// 	this.value = "已结束"
					// }
				}
			})
		},
		// updateData() {
		// 	let data1 = {
		// 		id: this.form1.id,
		// 		name: this.form1.name,
		// 		cjzt: this.form1.cjzt,
		// 		kjtime:this.getTimeFormat(this.form1.kjtime),
		// 		images: this.form1.images,
		// 		twlink: this.form1.twlink,
		// 	}
		// 	console.log(data1)
		// 	this.$http.post("/index.php/index/goodses/cjupdate", data1).then(res => {
		// 		if (res.code == 200) {
		// 			this.dialogFormVisible1 = false;
		// 			this.getData()
		// 		 }
		// 	 })
		// },
		getData() {
			this.tableData = []
			this.$http.post("/index.php/index/goodses/zjrlist",{title:this.title}).then(res => {
				this.tableData = res.data;
      })
		},
		postData() {
			// this.form.cjzt = this.value;
			let data = {
				kddh: this.form.kddh,

				id: this.id
			}
			this.$http.post(this.id ? "/index.php/index/goodses/zjrupdate" : "/index.php/index/goodses/cjadd", data).then(res => {
				if (res.code == 200) {
					this.dialogFormVisible = false;
					this.id = ""
					ElMessage({
							message: this.id ? '编辑成功' : '新增成功',
							type: 'success',
					})
					this.getData()
				}
			})
		},
		getTimeFormat(zcTime) {
			let time = (new Date(zcTime).getTime()) / 1000; //除1000 是变成秒级的时间戳 不除就是毫秒级
			return time;
		},
		disabledDateFun(time) {
			return time.getTime() < Date.now() - 8.64e7;
		},
		formatEmployment(type) {
			// 根据源数据经过处理 把处理之后的数据返回
			// 定义一个映射结构
			const map = {
				0: '未发布',
				1: '活动中',
				2: '已结束',
			}
			return map[type]
		},
		getLocalTime(nS) {
			return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' ');
		}
	}
}
</script>
<style scoped>
.avatar-uploader .el-upload {
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.avatar-uploader .el-upload:hover {
	border-color: #409EFF;
}

.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 178px;
	height: 178px;
	line-height: 178px;
	text-align: center;
}

.avatar {
	width: 178px;
	height: 178px;
	display: block;

}
</style>
